<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Open-Free Generator</title>
	<link href="${request.contextPath}/static/css/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/static/js/loading/jquery.mloading.css" />
	<link href="${request.contextPath}/static/css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link href="${request.contextPath}/static/css/gm.css" rel="stylesheet" type="text/css" media="all" />
	<link href="${request.contextPath}/static/css/layout.css" rel="stylesheet" type="text/css" media="all" />
	<link href="${request.contextPath}/static/css/common.css" rel="stylesheet" type="text/css" media="all" />
	<link href="${request.contextPath}/static/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" media="all" />
	<link href="${request.contextPath}/static/css/codemirror/codemirror.css" rel="stylesheet" type="text/css" media="all" />
	<link href="${request.contextPath}/static/css/codemirror/show-hint.min.css" rel="stylesheet" type="text/css" media="all" />

	<link href="${request.contextPath}/static/css/codemirror/dracula.min.css" rel="stylesheet" type="text/css" media="all" />
	<link href="${request.contextPath}/static/css/codemirror/foldgutter.min.css" rel="stylesheet" type="text/css" media="all" />





	<script type="text/javascript" src="${request.contextPath}/static/js/jquery.min.js"></script>
	<script type="text/javascript" src="${request.contextPath}/static/js/init_index.js"></script>
	<script type="text/javascript" src="${request.contextPath}/static/js/gm.js"></script>
	<script type="text/javascript" src="${request.contextPath}/static/js/jquery.ztree.all.js"></script>

	<script type="text/javascript" src="${request.contextPath}/static/js/codemirror/codemirror.js"></script>
	<script type="text/javascript" src="${request.contextPath}/static/js/codemirror/sql.js"></script>
	<script type="text/javascript" src="${request.contextPath}/static/js/codemirror/show-hint.min.js"></script>
	<script type="text/javascript" src="${request.contextPath}/static/js/codemirror/sql-hint.min.js"></script>
	<script type="text/javascript" src="${request.contextPath}/static/js/codemirror/sql-formatter.js"></script>
	<script type="text/javascript" src="${request.contextPath}/static/js/codemirror/comment.min.js"></script>
	<script type="text/javascript" src="${request.contextPath}/static/js/codemirror/matchbrackets.min.js"></script>

	<script type="text/javascript" src="${request.contextPath}/static/js/bootstrap/bootstrap.min.js"></script>

	<script type="text/javascript" src="${request.contextPath}/static/js/verSelect.2.0.js"></script>
	<script type="text/javascript" src="${request.contextPath}/static/js/doT.min.js"></script>
	<script type="text/javascript" src="${request.contextPath}/static/js/loading/jquery.mloading.js"></script>

</head>

<body>
<div class="wrap">
	<div class="top-title"><img style="height: 84px;margin-left: -25px;" src="${request.contextPath}/static/img/logo.png"></div>
	<div class="left-menu">
		<ul class="menu-list tab">
			<li class="item tablinks active" onclick="tabClcik(this, 'tab2')">Code Generator</li>
			<li class="item tablinks" onclick="tabClcik(this, 'tab1')">Project Initializr</li>
		</ul>
	</div>

	<div class="right-content">
		<div id="tab1" class="tabcontent" style="display:none">
			<div class="tab1-content">
				<#include "layout_left.ftl">
				<#include "layout_right.ftl">
			</div>
			<div class="button-form">
				<button class="btn-type" id="btn_generator" type="button">Generate Project</button>

			</div>
		</div>

		<div id="tab2" style="display: block">
			<#include "layout_tab2.ftl">
		</div>



	</div>
</div>
<#include "db_source.ftl">
<#include "code_generator.ftl">
<#include "code_generator_mulit.ftl">
<script>

</script>
</body>
</html>
